vue列表最多展示10个字，超出省略号；悬停展示所有数据

<template slot-scope="scope">
  <el-popover
     placement="top-start"
     width="300"
     trigger="hover"
     :disabled="scope.row.address.length <= 10"
   >
     <div>{{ scope.row.address }}</div>
     <span slot="reference" v-if="scope.row.address.length <= 10">{{scope.row.address}}</span>
     <span slot="reference" v-if="scope.row.address.length > 10">{{scope.row.address.substr(0, 10) + "..."}}</span>
   </el-popover>
 </template>